Pixels of the Week – March 30, 2018
Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools and useful resources, inspiration on twitter and other social networks.
This week’s selection: remote user testing session tools, psychology and UX design, making webdesign easy again, PWAs on iOS, deceptive patterns, UI design lessons, contact form UX, display-content, you are never too old to learn to code, some chrome devtools tricks and beautiful & diverse hi-res mockups for your product placements.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#PWAs
* victory dance * Progressive Web Apps on iOS are here – it’s time to update my workshop, conference and student class slides 🙂
Interesting article
#User eXperience / User Interface Design
- Top 10 articles about UX & Psychology in 2018 and also another nice read for students and design beginners: “Psychology + design: Gestalt principles you can use as design solutions“
- How Deceptive Patterns Trick You Online – a short video with different examples to help you understand what deceptive patterns are
- “Here’s everything I’ve learned from designing 10,000+ UI screens as a lead product designer.”a great read on efficiency, consistency, building templates and re-using components, business and user values and presentation
- UX In Contact Forms: Essentials To Turn Leads Into Conversions
- How Tech Giants Design For Transgender Users–Or Don’t
#Design
- Hahaha “How to Efficiently Design Everything at the Last Minute – Twelve steps to procrastinate like a professional“
- In web design, everything hard can be easy again – a great read in the complexity of webdesign and tools, the need to make it simple again. Tldnr: even industry veterans feel overwhelmed, you are not alone 🙂
- “Designing for open source software” We all believe open source software is badly designed because, historically, it was. Open source software needs good design because good design respects you, the user.
#Front-End
Are you too old to learn to code? TNLDR: NEVER. You are never too “anything” to learn to code 🙂
#Accessibility
Designing Accessible Navigations. The drop-down for the menu on Facebook is surprising to me since it’s a form element but I’m no accessibility expert, any thoughts on that?
#Design Thinking
“5 Brainstorming Exercises for Introverts” some really great ideas.
Tutorials
#Illustration #Animation
A video showing the process of creating hand-drawn animations using Photoshop
#CSS
#Devtools
Cool Chrome DevTools tips and tricks you wish you knew already. I did not know you could screenshot just an element
Useful resources, tools and plugins that will make your life easy
#UX
Remote usability testing tools – A guide (and infographic) for moderated research.
#Mockups
Mockupdated: Beautiful & diverse hi-res mockups
